<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

<script>

    //面向过程
    function fn() {
        console.log(this)
    }
    var res = fn()
    console.log('res:', res)


    //面向对象
    function fn() {
        console.log(this)
    }
    var res = new fn()
    console.log('res:', res)



    // 把放到冰箱中需要几步？
    // 1. 打开冰箱
    // 2. 把大象放到冰箱中
    // 3. 关上冰箱

    // 面向过程：
    // var elephant = "大象";
    // var iceBox = "冰箱";
    // function open() {
    // }
    // function put(target) {
    // }
    // function close() {
    // }

    // 面向对象：
    // 思想上提升 , 就是将你的需求抽象成一个对象,然后针对这个对象分析其特征(属性)与行为(方法)--这个对象就称之为类(面向对象)
    // 也就是说 把构成问题的事务（事务：一般是指要做的或所做的事情），分解成各个对象，建立对象的目的是为了描述某个事物在整个解决问题的步骤中的行为
    // elephant = {
    //     name:"茅茅",
    //     age:2,
    //     weight:"200kg",
    // }
    // iceBox = {
    //     brand: "Midea", //属性
    //     volume: "80",
    //     open() { },  //方法
    //     put(target) { },
    //     close() { },
    // }

    // iceBox.open()
    // iceBox.put(elephant)
    // iceBox.close()
    // 最简单的面向对象: 字面量对象 (把面向过程中的变量和函数整合到一起作为对象的属性和方法) 
</script>

</html>